<!DOCTYPE html>
<html>
<head>
	<script src='http://code.jquery.com/jquery-1.8.2.min.js' type='text/javascript' charset='utf-8'></script>
	<script src='javascripts/application.js' type='text/javascript' charset='utf-8'></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" type="text/css" />
	<link rel='stylesheet' href='stylesheets/application.css' type='text/css' media='screen'>

	<title>@ttendid</title>

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="@ttendid">
	<meta name="author" content="Ryley Herrington">
</head>

<body>
<div data-role="page" id="home">
	<div data-role="content" id="home-content">
		<form id='search'>
			<input class='search-tag' type='text' tabindex='1' value='portland' />
			<button class="button" data-icon="search" type="submit" id="search-button" dir="ltr" tabindex="2">Search</button>
		</form>
	
		<div id='photos-wrap'>
		</div>
	
		<div class='paginate'>
			<a class='button'	style='display:none;' data-max-tag-id='' href='#'>View More...</a>
		</div>
	</div>

	<div data-role="footer" data-position="fixed" data-theme="b" data-id="toolbar">
		<div data-role="navbar">
			<ul>
				<li><a class="ui-button-active" href="#home" data-icon="home" data-transition="slide">Insta</a></li>
				<li><a href="#twitter" data-icon="info" data-transition="slide">Twitter</a></li>
				<li><a href="contact.php" data-icon="dialog" data-transition="slide">Feedback</a></li>
			</ul>
		</div>
	</div>

</div>

<div data-role="page" id="twitter">
	<div data-role="content" id="twitter-content">
<!--
		<input class='search-tag' id="query" type='text' tabindex='1' value='portland' />
		<button class="button" data-icon="search" type="submit" id="submit" dir="ltr" tabindex="2">Search</button>
-->
<a class="twitter-timeline" href="https://twitter.com/search?q=%40ttendid" data-widget-id="305556273166942208">Tweets about "@ttendid"</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<!--
		<div id="tweets" style="padding: 20px;">
		 TWEETS GO HERE 
			</div>
-->
	</div>

	<div data-role="footer" data-position="fixed" data-theme="b" data-id="toolbar">
		<div data-role="navbar">
			<ul>
				<li><a href="#home" data-icon="home" data-transition="slide">Insta</a></li>
				<li><a class="ui-button-active"	href="#twitter" data-icon="info" data-transition="slide">Twitter</a></li>
				<li><a href="contact.php" data-icon="dialog" data-transition="slide">Feedback</a></li>
			</ul>
		</div>
	</div>
</div>


<div data-role="page" id="feedback">
	<div data-role="content" id="feedback-content">

	<form action="feedback.php" method="post" data-transition="none">
		<div data-role="fieldcontain">
			Name:
			<br/>
		<input type="text" name="fb_name" id="name" value="" required />
		</div>
		<div data-role="fieldcontain">
			Email:
			<br />
			<input type="text" name="email" id="email" value="" required />
		</div>
		<div data-role="fieldcontain">
			Comments:
			<br />
			<input type="text" name="comments" id="comments" value="" required/>
		</div>
		<input type="Submit" value="Send" data-theme="a" />
	</form>

	</div>

	<div data-role="footer" data-position="fixed" data-theme="b" data-id="toolbar">
		<div data-role="navbar">
			<ul>
				<li><a href="#home" data-icon="home" data-transition="slide">Insta</a></li>
				<li><a href="#twitter" data-icon="info" data-transition="slide">Twitter</a></li>
				<li><a class="ui-button-active"	href="contact.php" data-icon="dialog" data-transition="slide">Feedback</a></li>
			</ul>
		</div>
	</div>
</div>

</body>
</html>



